<template>
  <div class="filtrate_column">
    <el-form :inline="true" :model="formInline" class="demo-form-inline">
      <template v-slot:user>
        <el-form-item label="角色名称">
          <el-input v-model="formInline.user" placeholder="审批人" />
        </el-form-item>
      </template>
      <template v-slot:region>
        <el-form-item label="角色类型">
          <el-select v-model="formInline.region" placeholder="活动区域">
            <el-option label="区域一" value="shanghai" />
            <el-option label="区域二" value="beijing" />
          </el-select>
        </el-form-item>
      </template>
    </el-form>
    <upload
      :upload-type="'picture'"
      :usage-name="'common-file'"
      :image-url="'/opt/qiaoyi/common-file/25a3800a80384ce3be8e9ee70c0cb32c'"
      @handleSucces="handlesSucces"
      @handleError="handlesError"
    />
    <upload
      :upload-type="'excel'"
      :usage-name="'common-file'"
      @handleSucces="handlesSucces"
      @handleError="handlesError"
    />
    <provincesSelect :city-value="['北京市', '110100']" @backAddress="backAddress">
      <template #title> 省市区 </template>
    </provincesSelect>
  </div>
</template>

<script>
import upload from '../Upload/index'
import provincesSelect from '../ProvincesSelect/index.vue'
export default {
  components: {
    upload,
    provincesSelect
  },
  data() {
    return {
      formInline: {
        user: '',
        region: ''
      },
      usageName: 'ninhao'
    }
  },
  methods: {
    handlesSucces(res) {
      console.log(11111, res)
    },
    handlesError(err) {
      console.log(2222222222, err)
    },
    backAddress(arr) {
      console.log(arr)
    }
  }
}

</script>

<style lang='scss' scoped>
.filtrate_column {
}
</style>
